<!DOCTYPE html>
<html>

	<head>
		
<title>阿金的知识星球🌍-Godguns</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link rel="shortcut icon" type="image/x-icon" href="/image/logo.ico">

<meta name="keywords" content="hexo主题,hexo扁平化主题,Quiet主题">
<meta name="description" content="描述">


<script src="/js/jquery.min.js"></script>


	<meta name="generator" content="Hexo 5.4.0"></head>

	<body>
		
<link rel="stylesheet" href="/css/home.css">


<link rel="stylesheet" href="/css/header.css">

	<div class="header">
		<div class="header-top">
			<div class="h-left">
				<a href="/">
					<img src="/image/logo.svg" alt="Quiet">
				</a>
			</div>
			<div class="h-right">
				<ul>
					
						
							<li class="select">
								<a href="/">
									首页
								</a>
								<span class="dot"></span>
							</li>
							
									
						
								<li>
									<a href="/archives">
										时光轴
									</a>
									<span class="dot"></span>
								</li>
								
									
						
								<li>
									<a href="/categories">
										分类
									</a>
									<span class="dot"></span>
								</li>
								
									
						
								<li>
									<a href="/tags">
										标签
									</a>
									<span class="dot"></span>
								</li>
								
									
						
								<li>
									<a href="/links">
										链接
									</a>
									<span class="dot"></span>
								</li>
								
									
						
								<li>
									<a href="/about">
										关于
									</a>
									<span class="dot"></span>
								</li>
								
									
				</ul>
			</div>
			<div class="h-right-close">
				<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24">
					<path fill="none" d="M0 0h24v24H0z" />
					<path d="M3 4h18v2H3V4zm0 7h18v2H3v-2zm0 7h18v2H3v-2z" fill="rgba(68,68,68,1)" />
				</svg>
			</div>
		</div>
	</div>
	<div class="sidebar">
    <div class="topo">
        <h2>Godguns</h2>
    </div>
    <ul>
        
        <li>
            <a href="/">首页</a>
        </li>
        
        <li>
            <a href="/archives">时光轴</a>
        </li>
        
        <li>
            <a href="/categories">分类</a>
        </li>
        
        <li>
            <a href="/tags">标签</a>
        </li>
        
        <li>
            <a href="/links">链接</a>
        </li>
        
        <li>
            <a href="/about">关于</a>
        </li>
        
    </ul>
    <div class="my_foot">
        
        <a target="_blank" rel="noopener" href="https://github.com/qiaobug">
            <img src="https://cdn.jsdelivr.net/gh/duogongneng/MyBlogImg/imggithub.png" alt="Quiet主题">
        </a>
        
    </div>
</div>
<div class='shelter'
    style='cursor: pointer;display: none; position: fixed;left: 0;top: 0; right: 0;bottom: 0;background-color: #333;opacity:0.5;z-index: 108;'>
</div>
<style>
    .sidebar {
        width: 0;
        height: 100%;
        position: fixed;
        top: 0;
        right: 0;
        bottom: 0;
        background: #fff;
        z-index: 999;
        text-align: center;
        box-shadow: -6px 0 20px rgba(98, 94, 94, .815)
    }

    .topo {
        width: 100%;
        height: 200px;
        background: url(https://api.ixiaowai.cn/gqapi/gqapi.php) no-repeat;
        background-size: 100% 100%;
        position: relative;
        display: flex;
        align-items: flex-end
    }

    .topo h2 {
        color: #fff;
        z-index: 1;
        position: relative;
        margin: 0 0 10px 10px;
        font-size: 1.2em;
        box-sizing: border-box
    }

    .topo:before {
        content: '';
        background-image: url(/image/pattern.png);
        background-repeat: repeat;
        height: 100%;
        left: 0;
        position: absolute;
        top: 0;
        width: 100%;
        z-index: 1
    }

    .sidebar ul {
        width: 100%;
        margin-top: 50px
    }

    .sidebar ul li {
        height: 50px;
        list-style: none;
        font-size: 1.2em;
        text-align: right;
        margin-right: 10px
    }

    .sidebar ul li a {
        display: grid;
        color: #5d606a;
        text-overflow: ellipsis;
        width: 100%;
        text-decoration: none
    }

    .my_foot {
        width: 100%;
        padding: 10px;
        margin-bottom: 10px;
        position: absolute;
        bottom: 0
    }

    .my_foot a {
        text-decoration: none;
        margin-right: 10px;
        display: inline-block
    }

    .my_foot a img {
        width: 30px;
        height: 30px
    }
</style>

<script>
    $(function () { $('.h-right-close>svg').click(function () { $('.sidebar').animate({ width: "66%" }, 500); $('.shelter').fadeIn("slow") }); $('.shelter').click(function (e) { $('.sidebar').animate({ width: "0" }, 500); $('.shelter').fadeOut("slow") }) })
</script>
		<script>
			$(function () { $(window).scroll(function () { if ($(document).scrollTop() > 100) { $(".header-top").removeClass("header-move2"); $('.header-top').addClass('header-move1') } else { $(".header-top").removeClass("header-move1"); $('.header-top').addClass('header-move2') } }) });
		</script>
<div class="header-bg">
	<div class="bg-content">
		<span>
			<img class="site-logo" src="/image/bg.jpg" alt="Q">
		</span>
		<h2>
			暂，暂时还没想好写什么～
		</h2>
	</div>
</div>
<div class="main">
	<div class="feed">
		
			<div class="feed-display">
				<a href="/2020/11/03/hello-world/">
					<h2 class="feed-title">
						一个简约扁平化的Hexo静态主题博客-Quiet
					</h2>
					
						<img src="https://cdn.jsdelivr.net/gh/duogongneng/OneMyBlogImg@master/cool.cn_community_01e0b25d6721bca801211f9e194369.png@2o.png&amp;refer=http___img.zcool.png" alt="Quiet">
						
				</a>
				<div class="feed-meat">
					<div class="meat-info">
						<div class="info-auth">
							<a href="">
								Godguns
							</a>
						</div>
						<div class="info-data">
							2020-11-03
						</div>
					</div>
					<div class="meat-type"></div>
				</div>
			</div>
			
			<div class="feed-display">
				<a href="/2020/11/03/hello-world%E7%9A%84%E5%89%AF%E6%9C%AC/">
					<h2 class="feed-title">
						vue3的新知识
					</h2>
					
						<img src="https://cdn.jsdelivr.net/gh/duogongneng/OneMyBlogImg@master/20201220111059.png" alt="Quiet">
						
				</a>
				<div class="feed-meat">
					<div class="meat-info">
						<div class="info-auth">
							<a href="">
								Godguns
							</a>
						</div>
						<div class="info-data">
							2020-11-03
						</div>
					</div>
					<div class="meat-type"></div>
				</div>
			</div>
			
			<div class="feed-display">
				<a href="/2020/11/03/hello-world%E7%9A%84%E5%89%AF%E6%9C%AC2/">
					<h2 class="feed-title">
						响应式系统原理
					</h2>
					
						<img src="https://cdn.jsdelivr.net/gh/duogongneng/OneMyBlogImg@master/20210317124024.png" alt="Quiet">
						
				</a>
				<div class="feed-meat">
					<div class="meat-info">
						<div class="info-auth">
							<a href="">
								Godguns
							</a>
						</div>
						<div class="info-data">
							2020-11-03
						</div>
					</div>
					<div class="meat-type"></div>
				</div>
			</div>
			
			<div class="feed-display">
				<a href="/2020/11/03/hello-world%E7%9A%84%E5%89%AF%E6%9C%AC3/">
					<h2 class="feed-title">
						vue依赖收集
					</h2>
					
						<img src="https://cdn.jsdelivr.net/gh/duogongneng/OneMyBlogImg@master/20210320151948.png" alt="Quiet">
						
				</a>
				<div class="feed-meat">
					<div class="meat-info">
						<div class="info-auth">
							<a href="">
								Godguns
							</a>
						</div>
						<div class="info-data">
							2020-11-03
						</div>
					</div>
					<div class="meat-type"></div>
				</div>
			</div>
			
	</div>
</div>
<div class="change-page">
	
			
</div>

<script>$(function () { $('.feed').addClass('move'); })</script>
		
<link rel="stylesheet" href="/css/food.css">

<div class="footer">
	<div class="Copyright">
		©2021 By Godguns. 主题：<a
			style="text-decoration: none;display: contents; color: #898F9F;"
			target="_blank" rel="noopener" href="https://github.com/qiaobug/hexo-theme-quiet">Quiet</a>
	</div>
	<div class="contact">
		
		<a target="_blank" rel="noopener" href="https://github.com/qiaobug">
			<img src="https://cdn.jsdelivr.net/gh/duogongneng/MyBlogImg/imggithub.png" alt="Quiet主题">
		</a>
		
	</div>
</div>

<script src="/js/jquery.min.js"></script>


<script src="/js/gotop.js"></script>


<style type="text/css">
    @media screen and (min-width: 600px) {
        .goTop>span {
            display: block;
            border-radius: 50%;
            width: 66px;
            height: 66px;
            cursor: pointer;
            opacity: 0.8;
            background: rgba(18, 24, 58, 0.06);
            text-align: center;
            border: 1px solid rgba(18, 24, 58, 0.06);

            transition: border .5s;
            -moz-transition: border .5s;
            /* Firefox 4 */
            -webkit-transition: border .5s;
            /* Safari 和 Chrome */
            -o-transition: border .5s;
            /* Opera */
        }

        .goTop>span:hover {
            border: 1px solid #6680B3;
        }


        .goTop {
            position: fixed;
            right: 30px;
            bottom: 80px;
        }

        .goTop>span>svg {
            width: 30px;
            height: 30px;
            margin-top: 17.5px;
            opacity: 0.7;
        }

    }

    @media screen and (max-width: 600px) {
        .goTop {
            display: none;
        }
    }
</style>
<div class="goTop" id="js-go_top">
    <span>
        <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">
            <g>
                <path d="M13 12v8h-2v-8H4l8-8 8 8z"></path>
            </g>
        </svg>
    </span>
</div>
<script>
    $('#js-go_top').gotoTop({ offset: 500, speed: 300, animationShow: { 'transform': 'translate(0,0)', 'transition': 'transform .5s ease-in-out' }, animationHide: { 'transform': 'translate(100px,0)', 'transition': 'transform .5s ease-in-out' } });
</script>
<script>
	console.log('\n %c Hexo-Quiet 主题 %c https://github.com/QiaoBug/hexo-theme-quiet \n', 'color: #fadfa3; background: #030307; padding:5px 0;', 'background: #fadfa3; padding:5px 0;')
</script>
	</body>

</html>